<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="no" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/d1.css"/>
</head>
<body>
<img src="../img/libai.png" class="libai">
<img src="../img/hanxin.png" class="hanxin">
<section class="f1" flex="cross:center main:justify">
    <img src="../img/logo.png" class="logo">
    <img src="../img/weixin.png" class="weixin" >
</section>
<section class="f2" flex="main:center cross:center dir:top">
    <p>
        2018.4.27-5.03
    </p>
    <img src="../img/biaoti.png">
    <a href="#">
        活动规则
    </a>
</section>
<section class="f3" flex="dir:top">
    <p class="p1">
        点击卡牌，开启奖励
    </p>
    <p class="p2">
        翻牌
        <span class="span1">10次</span>
        必得大奖，王者英雄任你选！
    </p>
    <div class="lan">
        <p class="p3">
            <span>剩余翻牌次数
                <span class="span2">10次</span>
            </span>
            <span>累计已翻牌次数
                <span class="span2">0次</span>
            </span>
            <a href="#">获取次数</a>
        </p>
        <p class="p3">再开
            <span class="span2">10次</span>
            必达成心愿</p>
        <ul class="list" flex>
           <li>
            <img src="../img/wzk.png">
           </li>
            <li>
                <img src="../img/wzk.png">
            </li>
            <li>
                <img src="../img/wzk.png">
            </li>
            <li>
                <img src="../img/wzk.png">
            </li>
    </ul>
        <ul class="list" flex>
            <li>
                <img src="../img/wzk.png">
            </li>
            <li>
                <img src="../img/wzk.png">
            </li>
            <li>
                <img src="../img/wzk.png">
            </li>
            <li>
                <img src="../img/wzk.png">
            </li>
        </ul>
        <ul class="list2" flex>
            <li>
                <img src="../img/wzk.png">
            </li>
           <li>
               <div class="lulu">
                 <p class="p4">我的心愿大奖</p>
                   <img src="../img/lulu1.png">
                   <p class="p3">再开
                       <span class="span2">10次</span>
                       必达成心愿</p>
               </div>
           </li>
            <li>
                <img src="../img/wzk.png">
            </li>
        </ul>
    </div>

</section>
</body>
</html>